<%
//下载APP
layout("/inc/layout.html",{
title:'诉讼详情 - 婚姻诉讼 - 智慧法院',
keywords:'婚姻诉讼,智慧法院',
description:'婚姻诉讼,智慧法院',
style:'index.css'
}){
%>
<section class="container mt15">
    <div class="row">
        <div class="panel panel-info">
            <div class="panel-heading text-left"><b>营业执照办理</b></div>
            <div class="panel-body">

                <div class="tabs-container" id="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基本信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">子女信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">车辆信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">房产信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-5" aria-expanded="false">财产信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-6" aria-expanded="false">其余财产信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-7" aria-expanded="false">审批日志</a></li>
                    </ul>

                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body">
                                <div class="form-horizontal">
                                    <h2>原告信息</h2><hr>
                                    <div class="form-group">
                                        <label for="plaintiffName" class="control-label-info pull-left">原告姓名：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffName" class="form-control" type="text" value="${lawsuit[0].plaintiffName!}" disabled>
                                            </div>
                                        </div>

                                        <label for="plaintiffSex" class="control-label-info pull-left">性别：</label>
                                        <div class="col-sm-2">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffSex" class="form-control" type="text" value="${lawsuit[0].plaintiffSex!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="plaintiffDate" class="control-label-info pull-left">出生日期：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffDate" class="form-control" type="text" value="${lawsuit[0].plaintiffDate!,'yyyy-MM-dd'}" disabled>
                                            </div>
                                        </div>
                                        <label for="plaintiffNation" class="control-label-info pull-left">民族：</label>
                                        <div class="col-sm-2">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffNation" class="form-control" type="text" value="${lawsuit[0].plaintiffNation!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="plaintiffCardNumber" class="control-label-info pull-left">身份证号：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffCardNumber" class="form-control" type="text" value="${lawsuit[0].plaintiffCardNumber!}" disabled>
                                            </div>
                                        </div>
                                        <label for="plaintiffPhone" class="control-label-info pull-left">电话：</label>
                                        <div class="col-sm-4">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffPhone" class="form-control" type="text" value="${lawsuit[0].plaintiffPhone!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="plaintiffDuty" class="control-label-info pull-left">原告职务：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffDuty" class="form-control" type="text" value="${lawsuit[0].plaintiffDuty!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="plaintiffUnit" class="control-label-info pull-left">工作单位：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-9">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffUnit" class="form-control" type="text" value="${lawsuit[0].plaintiffUnit!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="plaintiffAddress" class="control-label-info pull-left">具体住址：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-9">
                                            <div class="input-group col-sm-5">
                                                <input id="plaintiffAddress" class="form-control" type="text" value="${lawsuit[0].plaintiffAddress!}" disabled>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label for="legalName" class="control-label-info pull-left">法定代理人：</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="legalName" class="form-control" type="text" value="${lawsuit[0].legalName!}" disabled>
                                            </div>
                                        </div>
                                        <label for="delegationName" class="control-label-info pull-left">委托诉讼代理人：</label>
                                        <div class="col-sm-4">
                                            <div class="input-group col-sm-5">
                                                <input id="delegationName" class="form-control" type="text" value="${lawsuit[0].delegationName!}" disabled>
                                            </div>
                                        </div>
                                    </div>


                                    <h2>被告信息</h2><hr>
                                    <div class="form-group">
                                        <label for="accusedName" class="control-label-info pull-left">被告姓名：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedName" class="form-control" type="text" value="${lawsuit[0].accusedName!}" disabled>
                                            </div>
                                        </div>

                                        <label for="accusedSex" class="control-label-info pull-left">性别：</label>
                                        <div class="col-sm-2">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedSex" class="form-control" type="text" value="${lawsuit[0].accusedSex!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="accusedDate" class="control-label-info pull-left">出生日期：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedDate" class="form-control" type="text" value="${lawsuit[0].accusedDate!,'yyyy-MM-dd'}" disabled>
                                            </div>
                                        </div>
                                        <label for="accusedNation" class="control-label-info pull-left">民族：</label>
                                        <div class="col-sm-2">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedNation" class="form-control" type="text" value="${lawsuit[0].accusedNation!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="accusedCardNumber" class="control-label-info pull-left">身份证号：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedCardNumber" class="form-control" type="text" value="${lawsuit[0].accusedCardNumber!}" disabled>
                                            </div>
                                        </div>
                                        <label for="accusedPhone" class="control-label-info pull-left">电话：</label>
                                        <div class="col-sm-4">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedPhone" class="form-control" type="text" value="${lawsuit[0].accusedPhone!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="accusedUnit" class="control-label-info pull-left">工作单位：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-9">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedUnit" class="form-control" type="text" value="${lawsuit[0].accusedUnit!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="accusedAddress" class="control-label-info pull-left">具体住址：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-9">
                                            <div class="input-group col-sm-5">
                                                <input id="accusedAddress" class="form-control" type="text" value="${lawsuit[0].accusedAddress!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <hr>

                                    <div class="form-group">
                                        <label for="relation" class="control-label-info pull-left">两人关系：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-5">
                                            <div class="input-group col-sm-5">
                                                <input id="relation" class="form-control" type="text" value="${lawsuit[0].relation!}" disabled>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="claims" class="control-label-info pull-left">诉讼请求：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-10">
                                            <textarea name="claims" class="form-control" id="claims" rows="5" disabled style="width: 662px;height: 114px;resize: none">${lawsuit[0].claims!}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="reason" class="control-label-info pull-left">诉讼理由：&nbsp;&nbsp;&nbsp;</label>
                                        <div class="col-sm-10">
                                            <textarea name="reason" class="form-control" id="reason" rows="5" disabled style="width: 662px;height: 114px;resize: none">${lawsuit[0].reason!}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label-info pull-left">是否接受调解:</label>
                                        <div class="col-sm-4">
                                            <div class="input-group col-sm-5">
                                                <%if(lawsuit[0].ismediate == 0){%>
                                                <input class="form-control" value="接受" type="text" disabled>
                                                <%}else{%>
                                                <input class="form-control" value="拒绝" type="text" disabled>
                                                <%}%>

                                            </div>
                                        </div>
                                    </div>


                                    <div class="form-group">
                                        <label class="control-label-info pull-left">身份证正面：</label>
                                        <div class="row col-sm-10" id="cardUrl">
                                            <div class="col-sm-2">
                                                <img src="${uploaderFilesDomain!}${lawsuit[0].cardUrl}" class="img-thumbnail">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label-info pull-left">身份证反面：</label>
                                        <div class="row col-sm-10" id="cardVerso">
                                            <div class="col-sm-2">
                                                <img src="${uploaderFilesDomain!}${lawsuit[0].cardVerso}" class="img-thumbnail">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label-info pull-left">相关证据照片：</label>
                                        <div class="row col-sm-10" >
                                            <div class="col-sm-2 IDcard">
                                                <img src="${uploaderFilesDomain!}${lawsuit[0].proof}" class="img-thumbnail">
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>


                        <div id="tab-2" class="tab-pane">
                            <div class="panel-body">
                                <table class="table table-hover table-bordered"  style="text-align:center;vertical-align:middle;">
                                    <thead>
                                    <tr>
                                        <th width="5%" style="text-align:center;">姓名</th>
                                        <th width="8%" style="text-align:center;">与原告关系</th>
                                        <th width="8%" style="text-align:center;">出生日期</th>
                                        <th width="5%" style="text-align:center;">性别</th>
                                        <th width="10%" style="text-align:center;">身份证号码</th>
                                        <th width="8%" style="text-align:center;">联系电话</th>
                                        <th width="20%" style="text-align:center;">住址</th>
                                        <th width="25%" style="text-align:center;">证件照</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(son)){
                                    for(sonList in son){
                                    %>
                                    <tr>
                                        <td>${sonList.name!}</td>
                                        <td>${sonList.relation!}</td>
                                        <td>${sonList.birth!,'yyyy-MM-dd'}</td>
                                        <td>${sonList.sex!}</td>
                                        <td>${sonList.cardNumber!}</td>
                                        <td>${sonList.phone!}</td>
                                        <td>${sonList.address!}</td>
                                        <td class="IDcard">
                                            <div class="col-sm-6">
                                                <img src="${uploaderFilesDomain!}${sonList.card!}" class="img-thumbnail">
                                            </div>
                                            <div class="col-sm-6">
                                                <img src="${uploaderFilesDomain!}${sonList.cardVerso!}" class="img-thumbnail">
                                            </div>
                                        </td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="8" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-3" class="tab-pane">
                            <div class="panel-body">
                                <table class="table table-hover table-bordered"  style="text-align:center;vertical-align:middle;">
                                    <thead>
                                    <tr>
                                        <th width="5%" style="text-align:center;">车牌号</th>
                                        <th width="5%" style="text-align:center;">产权人姓名</th>
                                        <th width="5%" style="text-align:center;">车辆产权证</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(car)){
                                    for(carList in car){
                                    %>
                                    <tr>
                                        <td>${carList.carNumber!}</td>
                                        <td>${carList.ownerName!}</td>
                                        <td class="IDcard">
                                            <div class="col-sm-12">
                                                <img src="${uploaderFilesDomain!}${carList.carUrl!}" class="img-thumbnail">
                                            </div>
                                        </td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="3" class="text-center text-muted">暂无车辆信息</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-4" class="tab-pane">
                            <div class="panel-body">
                                <table class="table table-hover table-bordered"  style="text-align:center;vertical-align:middle;">
                                    <thead>
                                    <tr>
                                        <th width="5%" style="text-align:center;">房屋地址</th>
                                        <th width="5%" style="text-align:center;">房屋面积(㎡)</th>
                                        <th width="5%" style="text-align:center;">房屋性质</th>
                                        <th width="5%" style="text-align:center;">房产证号</th>
                                        <th width="5%" style="text-align:center;">房产证照片</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(house)){
                                    for(houseList in house){
                                    %>
                                    <tr>
                                        <td>${houseList.address!}</td>
                                        <td>${houseList.area!}</td>
                                        <td>${houseList.nature!}</td>
                                        <td>${houseList.cardNumber!}</td>
                                        <td class="IDcard">
                                            <div class="col-sm-12">
                                                <img src="${uploaderFilesDomain!}${houseList.card!}" class="img-thumbnail">
                                            </div>
                                        </td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="5" class="text-center text-muted">暂无房产信息</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-5" class="tab-pane">
                            <div class="panel-body">
                                <table class="table table-hover table-bordered"  style="text-align:center;vertical-align:middle;">
                                    <thead>
                                    <tr>
                                        <th width="5%" style="text-align:center;">资产名</th>
                                        <th width="5%" style="text-align:center;">现在的使用人</th>
                                        <th width="5%" style="text-align:center;">资产原价</th>
                                        <th width="5%" style="text-align:center;">购买日期</th>
                                        <th width="5%" style="text-align:center;">资产来源</th>
                                        <th width="5%" style="text-align:center;">财产存放地址</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(asset)){
                                    for(assetList in asset){
                                    %>
                                    <tr>
                                        <td>${assetList.assetName!}</td>
                                        <td>${assetList.nowUser!}</td>
                                        <td>${assetList.price!}</td>
                                        <td>${assetList.buyDate!,'yyyy-MM-dd'}</td>
                                        <td>${assetList.assetSource!}</td>
                                        <td>${assetList.assetAddress!}</td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="6" class="text-center text-muted">暂无财产信息</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>


                        <div id="tab-6" class="tab-pane">
                            <div class="panel-body">
                                <table class="table table-hover table-bordered"  style="text-align:center;vertical-align:middle;">
                                    <thead>
                                    <tr>
                                        <th width="5%" style="text-align:center;">其他财产名</th>
                                        <th width="5%" style="text-align:center;">估价</th>
                                        <th width="5%" style="text-align:center;">财产说明</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(other)){
                                    for(otherList in other){
                                    %>
                                    <tr>
                                        <td>${otherList.assetName!}</td>
                                        <td>${otherList.price!}</td>
                                        <td>${otherList.explains!}</td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="3" class="text-center text-muted">暂无其余财产信息</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-7" class="tab-pane">
                            <div class="panel-body">
                                <table class="table table-hover table-bordered"  style="text-align:center;vertical-align:middle;">
                                    <thead>
                                    <tr>
                                        <th width="5%" style="text-align:center;">审批人</th>
                                        <th width="5%" style="text-align:center;">审批时间</th>
                                        <th width="10%" style="text-align:center;">状态</th>
                                        <th width="5%" style="text-align:center;">建议</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(suggest)){
                                    for(suggestList in suggest){
                                    %>
                                    <tr>
                                        <td>${suggestList.checkName!}</td>
                                        <td>${suggestList.checkTime!,'yyyy-MM-dd'}</td>
                                        <%  var stage = suggestList.stage;
                                        switch(stage){
                                        case 0: %>
                                        <td>提交</td>
                                        <%          break;
                                        case 1:     %>
                                        <td>审核</td>
                                        <%          break;
                                        case 2:     %>
                                        <td>通过</td>
                                        <%          break;
                                        case 3:     %>
                                        <td>退回</td>
                                        <%           break;
                                        }
                                        %>
                                        <td>${suggestList.suggest!}</td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="4" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>

                </div>


            </div>

            <div class="panel-footer">
                <div class="col-sm-offset-4 clearfix">
                    <div class="mt5 mb5 block col-sm-4">
                        <a href="/user/transact" class="btn btn-success btn-lg btn-block">返回列表</a>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
<% } %>
<script>
    require(['user/user'], function (apply) {
        apply.userView();
    });
</script>
</body>
</html>